@mixin hairline-common() {
	position: absolute;
	box-sizing: border-box;
	/* cover wechat button:after default transforn-origin */
	transform-origin: center;
	content: ' ';
	pointer-events: none;
}

@mixin hairline($border-color: #eee) {
	@include hairline-common;

	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	border: 0 solid $border-color;
	transform: scale(0.5);
}

@mixin hairline-bottom($border-color: #eee, $left: 0) {
	@include hairline-common;

	top: auto;
	right: 0;
	bottom: 0;
	left: $left;
	border-bottom: 1px solid $border-color;
	transform: scaleY(0.5);
}

@mixin multi-ellipsis($lines) {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: $lines;

	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}

@mixin ellipsis() {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

